
body{
    width: 100%;
    height: 100%;
    position: relative;
}
a:hover{
    color: #ff666b;
}
/* 顶部  */
.area{
    width: 100%;
    height: 32.98px;
}
.htop{
    width: 1200px;
    height: 32px;
    margin-right: 10px;
    background-color: #f9f9f9;
    font-size: 13px;
    line-height: 32px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.fish{
    /* width: 210px; */
    height: 32px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    line-height: 32px;
}
.login{display:block}
.user{display:none}

.login{
    display: inline-block;
    margin-right: 10px;
    /* background-color: pink; */
}
.go{
    font-size: 18px;
    color: #ff666b;
}
.login a{
    text-decoration: none;
    margin-left: 10px;  
} 
.login a:hover{
    color: #ff666b;
}
.user em:hover{
    color: #ff666b;
}
.q{
    margin-left: 10px;
}
.enter{
    color: #ff666b;
}
.right{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.right a{
    background-color: #f9f9f9;
    margin-right: 20px;
}
.right a:hover{
    color: #ff666b;
}
.rightD{
    position: relative;
} 
.sale{
    position: absolute;
    left: -7px;
    top:32px;
    border: 1px solid #eeecec;
    border-top: none;
    display: none;
    background-color: #ffffff;
}
.sale a{
    float: left;
    background-color: #ffffff;
    margin-left: 10px;
    margin-right: 0;
} 
.tel{
    color: #ff666b;
}
/* 头部外层盒子 */
.header{
    width: 100%;
    height: 110px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* 版心区域 */
.headerC{
    width: 1200px;
    display: flex;
    margin: 0 auto;
}
.fixation{
    position: fixed;
    z-index: 5;
    left: 50px;
    top: 220px;
    width: 94px;
    height: 224px;
}
.span{
    width: 20px;
    height: 15px;
    top: 0px;
    right: 0px;
    position: absolute;
    background-image: url(https://pgt.zoosnet.net/LR/closeimg/2.gif);
    background-repeat: no-repeat;
    background-position: right top;
    cursor: pointer;
}
/* logo */
.header .headerC img{
    display: block;
}
/* 搜索框  */
.search{
    width: 510px;
    height: 66px;
    margin-left: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sBox{
    width: 510px;
    height: 40px;
    margin-bottom: 6px;
    display: flex;
    overflow: hidden;
    border: 2px solid #ff666b;
}
.button1{
    display:block;
    color: white;
    width:59px;
    height: 36px;
    border: none;
}
.bt1{
    color: #666666;
}
.bt2{
    width:90px;
    font-size: 16px;
    background-color: #ff666b;
}
.input1{
    display:block;
    margin: 0px;
    font-size: 14px;
    width: 358px;
    height: 40px;
    border: none;
}
/* 热搜榜 */
.hot{
    width:510px;
    height: 20px;
    /* background-color: bisque; */
    display: flex;
    flex-direction: row;
    justify-content: left;
}
.hot span{
    color: #a2a2a2;
    font-size: 13px;
}
.hot a{
    font-size: 13px;
    margin-left: 10px;
}
.hot a:hover{
    color: #ff666b;
}
/* 导航栏 */
.nav{
    width: 1200px;
    height: 42px;
    margin: 0 auto;
    border-bottom: 2px solid #ff666b;
}
.navA{
    width: 210px;
    /* height: 42px; */
    z-index: 2;
}
.all{
    width: 210px;
    height: 42px;
    font-size: 15px;
    text-align: center;
    line-height: 42px;
    background-color: #ff666b;
    color: white;
}
.all-f{
    width: 1200px;
    height: 400px;
    display: none;
    /* background-color: aquamarine; */
}
.page{
    width: 990px;
    height: 42px;
}
.page a{
    display: block;
    color: #3c3c3c;
    width: 70px;
    height: 42px;
    font-size: 15px;
    text-align: center;
    line-height: 42px;
    margin: 0 10px;
    float: left;
    text-decoration: none;
}
.page a:hover{
    color: #ff666b;
}
.fore1{
    width: 210px;
    height: 66.6px;
    background-color: #ff666b;
    text-align: left;
    /* color: white; */
    position: relative;
    border-bottom: 1px dashed gray;
}
.tit{
    line-height: 18px;
    font-size: 15px;
    text-align: left;
    margin-left: 15px;
}
.infLink{
    line-height: 15px;
    margin-left: 15px;
}
.unfold{
    width: 990px;
    height: 400px;
    position: absolute;
    top: 0px;
    left: 210px;
    /* display: none; */
    color:  black;
}
.uLeft{
    float: left;
    width: 745px;
    height: 400px;
    background-color: #ffffff;
}
.by{
  width: 745px;
  height: 200px;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
}
.ug{
    width: 344px;
    height: 170px;
    margin: 0px 18px 0 20px;
    background-color: #ffffff;
    overflow: hidden;
}
.ug span{
    font-size: 13px;
    font-weight: 700;
}
#smallDiv a{
    display: inline-block;
    line-height: 20px;
    padding-right: 10px;
    border-right: 1px solid #e0e0e0;
    margin-top: 10px;
    color: #666666;
}
#smallDiv .pink{
    color: #ff666b;
}
#smallDiv a:hover{
    color: #ff666b;
}
#smallDiv{
  width: 320px;
  height: 140px;
  margin: 0 auto;
  border-top: 1px dashed #eaeaea;
  background-color: white;
}
.uRight{
    float: right;
    width: 245px;
    height: 400px;
    background-color: #f9f9f9;
}
.smallgary{
    width: 245px;
    height: 400px;
    margin-left: 0;
    background-color: white;
}
.uRight .smallgary a{
    display: inline-block;
    width: 100px;
    padding-right: 10px;
    /* margin-top: 10px; */
    color: #666666;
}
.fore1 a{
    color: #ffcccc;
    margin-top: 8px;
    font-size: 13px;
}
.page{
    width: 990px;
    height: 42px;
}
.page a{
    display: block;
    color: #3c3c3c;
    width: 70px;
    height: 42px;
    font-size: 15px;
    text-align: center;
    line-height: 42px;
    margin: 0 10px;
    float: left;
    text-decoration: none;
}
.page a:hover{
    color: #ff666b;
}
.content{
    width: 100%;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 0 30px 0 30px;
    overflow: hidden;
}
.box{
    width: 1200px;
    height: 23px;
    line-height: 23px;
    display: flex;
    justify-content: left;
    margin-top: 10px;
    margin-left: 69px;
    margin-bottom: 10px;
}
.box a{
    font-size: 13px;
}
.home{
    height: 23px;
    display: inline-block;
    font-size: 13px;
}
.cosmetics{
    height: 23px;
    font-size: 13px;
    display: inline-block;
}
/* 商品详情 */
.conter{
    width: 1200px;
    height: 570px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.pict{
    width: 430px;
    height: 570px;
    padding: 15px;
    /* overflow: hidden; */
    position: relative;
    /* background-color: plum; */
}
/* 图片盒子 */
.s_box{
    width: 400px;
    height: 430px;
    position: relative;
    overflow: hidden;
}
.s_box img{
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 430px;
}
.s_box span{
    position: absolute;
    width: 150px;
    height: 150px;
    display: none;
    left: 0;
    top: 0;
    background: rgba(200,200,200,0.5);
}
.b_box{
    width: 400px;
    height: 430px;
    overflow: hidden;
    position: absolute;
    display: none;
    left: 414px;
    top: 0;
    z-index: 100;
    /* background-color:red; */
}
.b_box img{
    width: 800px;
    height:860px;
    position: absolute;
    left: 0;
    top: 0;
}
/* 分页部分 */
.p2{
    width: 352px;
    height: 52px;
    margin-top: 20px;
    /* background-color: powderblue; */
}
.d1{
    width: 52px;
    height: 52px;
    display: block;
    overflow: hidden;
    float: left; 
    margin-left: 10px;
}
.d1 img{
    width: 52px;
    height: 52px;
}
.sle{
    width: 16px;
    height: 52px;
    text-align: right;
    line-height: 52px;
    float: left;
}
.spr{
    text-align: center;
    line-height: 52px;
    width: 20px;
    height: 52px;
    float: right;
}
.p3{
    width: 402px;
    height: 25px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    /* background-color: skyblue; */
}
.mark1{
    width: 222px;
    height: 25px;
    font-size: 13px;
    color: #999;
}
.share{
    width: 180px;
    height: 25px;
}
.share a{
    display: inline-block;
    width: 73px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    /* background: pink; */
    margin-left: 25px;
    font-size: 13px;
}
.share .share1{
    margin-left: 5px;
}
.share img{
    margin-top: -4px;
    width: 19px;
    margin-right: 3px;
    height: 18px;
}
/* 商品介绍 */
.introduce{
    width: 570px;
    height: 570px;
    padding: 12px  20px;
    background-color: #ffffff;
    /* z-index: 100; */
}
.id{
    width: 530px;
    height: 84px;
    /* background-color: skyblue; */
}
.id1{
    width: 36px;
    height: 22px;
    font-size: 13px;
    color: white;
    text-align: center;
    display: inline-block;
    margin-right: 3px;
    background-color: #ff5555;
}
.id2{
    width: 430px;
    height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: black;
}
.id p{
    margin-top: 10px;
    color: #666666;
    
}
.id3{
    color: #666666;
}
/* 联系客服 */
.service{
    width: 200px;
    height: 570px;
}
.Kieh{
    width: 200px;
    height: 203px;
    padding: 10px 14px;
}
.kieh1{
    width: 167px;
    height: 70px;
    display: block;
    margin:  0 auto;
}
.kieh1 img{
    margin-left: 14px;
}
.kieh2{
    width: 163px;
    height: 31px;
    display: block;
    text-align: center;
    line-height: 31px;
    margin-top: 8px;
}
.show{
    display: block;
    width: 100px;
    padding-right: 15px;
    text-align: right;
    line-height: 31px;
    margin: 15px auto;
}
.store{
    width: 177px;
    height: 33px;
    /* background-color: blueviolet; */
    margin: 0 auto;
}
.store a{
    width: 72px;
    height: 33px;
    margin-left: 11px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #666;
    text-align: center;
    line-height: 29px;
    display: inline-block;
}
.price{
    width: 530px;
    height: 91px;
    margin: 10px 0;
    padding: 0 10px 10px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.selling{
    width: 510px;
    height: 48px;
    margin-top: 7px;
}
.pir{
    display: inline-block;
    color: #999;
    line-height: 26px;
    margin: 8px 0;
    vertical-align: 4px;
    margin-left: 5px;
    font-size: 13px;
}
.four{
    width: 100px;
    height: 34px;
    font-size: 26px;
    margin-left: 40px;
    font-weight: 700;
    color: #ff666b;
}
.newp{
    width: 510px;
    height: 20px;
    display: flex;
    font-size: 13px;
    padding-left: 80px;
    justify-content: start;
}
.vip{
    width: 57px;
    height: 17px;
    line-height: 17px;
}
.vip img{
    width: 100%;
    height: 100%;
}
.newp p{
    margin-left: 7px;
}
.newp a{
    display: inline-block;
    line-height: 20px;
    margin-left: 20px;
    color: #52b8f1;
    text-decoration: underline;
}
.evaluate{
    width: 530px;
    height: 32px;
    padding: 6px 0px;
    /* background-color: blanchedalmond; */
}
.start{
    display: inline-block;
    width: 60px;
    height: 14px;
}
.start img{
    width: 100%;
    height: 100%;
}
.eva{
    display: inline-block;
    text-align: center;
    color: #999;
    width: 71px;
    height: 33px;
}
.type{
    width: 440px;
    height: 122px;
    float: right;
    background-color: #ffffff;
}
.type a{
    display: inline-block;
    /* width: 96px; */
    height: 31px;
    padding: 1px 11px;
    font-size: 11px;
    line-height: 31px;
    border: 1px solid #999;
    margin-top: 10px;
    margin-right: 10px;
}
.red{
    color: #ff5555;
}
.specification{
    width: 525px;
    height: 132px;
    padding: 5px 0;
}
.quantity{
    width: 525px;
    height: 44px;
    color: #666;
    padding-top: 10px;
    margin: 20px 0 11px 5px;
    position: relative;
    /* background-color: pink; */
}
.quantity a{
    width: 26px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border:  1px solid #999;
    display: inline-block;
}
.quantity input{
    width: 42px;
    height: 27px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin: 0;
}
.eva1{
    position: absolute;
    left: 81px;
    top: 11px;
}
.eva2{
    position: absolute;
    left: 107px;
    top: 11px;
    color: #999;
    text-align: center;
}
.eva3{
    position: absolute;
    left: 149px;
    top: 11px;
}
.join{
    width: 530px;
    height: 54px;
    margin-top: 22px;
}
.join a{
    display: block;
    width: 210px;
    height: 50px;
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 50px;
    background-color: #ff666b;
}
.safeguard{
    width: 505px;
    height: 20px;
    color: #bbbbbb;
    margin: 10px 0;
}
.safeguard p{
    height: 18px;
    display: inline-block;
    padding: 0 12px 0 22px;
    border-right: 1px dashed #bbbbbb;
}
.safeguard img{
    width: 21px;
    margin-top: -6px;
    margin-left: -14px;
    height: 18px;
}
.friend{
    margin: 20px;
    width: 1200px;
    min-height: 309px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 22px;
}
.link{
    width: 1200px;
    height: 39px;
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
}
.font{
    width: 1200px;
    min-height: 115px;
    font-size: 13px;
    background-color: #ffffff;
}
.link a{
    display: block;
    text-decoration: none;
    width: 90px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    float: left;
    margin-left: 30px;
}

.link a:nth-child(1){
    color: #ff666b;
    border-bottom: 1px solid #ff666b;
}
.font a{
    line-height: 30px;
    color: #cccccc;
    margin-right: 20px;
}
.font a:hover{
    color: #cccccc;
    text-decoration: underline;
}
.disp1{
    height: 278px;
    display: block;
    padding-top: 8px;
}
.second{
    width: 226px;
    height: 270px;
    background-color:#ffffff;
    float: left;
    margin-right: 10px;
}
.bImg{
    width: 226px;
    height: 174px;
    padding: 0 26px;
}
.bImg img{
    width: 174px;
    margin-left: 17px;
    height: 174px;
}
.box1{
    width: 175px;
    height: 47px;
    margin: 0 auto;
    padding: 8px 0;
}
.box1 a{
    display: inline-block;
    width: 170px;
    height: 30px;
    margin: 0;
    line-height: 16px;
    color: #333;
    text-decoration: none;
}
.box1 a:hover{
    color: #ff666b;
}
.pric{
    width: 175px;
    height: 20px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
}
.pric span{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #ff666b;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}
.pric a{
    width: 70px;
    height: 20px;
    color: #999;
}
.repeat{
    width: 210px;
    min-height: 1036px;
    background-color: #fefefe;
    float: left;
    margin-left: 13px;
    border: 1px solid #eeeeee;
    /* margin-right: 20px; */
}
.repeat h2{
    width: 208px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    background-color: #fafafa;
    border-bottom: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    padding: 0 20px;
}
.lanc{
    width: 155px;
    height: 181px;
    border-bottom: 1px solid #eeeeee;
    margin: 10px auto;
    
}
.lanc1{
    display: block;
    width: 155px;
    height: 100px;
}
.lanc1 img{
    width: 100px;
    height: 100px;
    margin-left: 28px;
}
.lanc2{
    display: block;
    width: 155px;
    height: 39px;
    /* background-color: pink; */
    margin-top: 8px;
}
.wrapper{
    width: 974px;
    min-height: 2000px;
    float: right;
    position: relative;
    left: -72px;
    overflow: visible;
    background-color: white;
}
.mt{
    width: 974px;
    height: 43px;
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    color: #666666;
    /* background-color: plum; */
    border-bottom: 2px solid #ff666b;
}
.mt1{
    width: 156px;
    height: 41px;
    float: left;
    border: 1px solid #eeeeee;
    /* background-color: #ff666b; */
}
.mt2{
    width: 195px;
    height: 41px;
    float: left;
    border: 1px solid #eeeeee;
    /* background-color: powderblue; */
}
.mt3{
    width: 161px;
    height: 41px;
    border: 1px solid #eeeeee;
    /* background-color: rosybrown; */
    float: right;
}
.total{
    width: 974px;
    /* height: 2999px; */
    margin: 0 auto;
    background-color: #ffffff;
}
.total img{
    margin-left: 27px;
}
.yysjy_tit{
    width: 920px;
    height: 45px;
    background: url(../images/cpxqtop.jpg) no-repeat 0 16px;
    color: #333;
    font-size: 18px;
    margin-top: 9px;
    margin-left: 27px;
}
.cpcsdak{
    width: 918px;
    height: auto;
    margin-top: 18px;
    background-color: white;
    border-top: 1px solid #EDEDED;
    font-size: 14px;
    color: #333;
    position: relative;
}
.cpcsdak li{
    /* list-style: none; */
    float: left;
    min-height: 42px;
    line-height: 42px;
    width: 100%;
    border: 1px solid #EDEDED;
    border-top: none;
    margin-left: 27px;
    background: #f5f5f5
}
.duank{
    width: 100px;
    text-align: center;
    padding-right: 10px;
    color: #333;
    font-weight: bold;
    float: left;
}
.con{
    width: 463px;
    padding-left: 10px;
    display: block;
    background: #fff;
    float: left;
}
.cpcs_pic{
    width: 354px;
    height: 344px;
    border: 1px solid #EDEDED;
    border-top: none;
    padding: 15px;
    position: absolute;
    right: -27px;
    top: 0;
    overflow: hidden;
    background: #fff;
}
.tit1{
    width: 920px;
    height: 45px;
    background: url(../images/cpxqtop.jpg) no-repeat 0 16px;
    color: #333;
    font-size: 18px;
    margin-top: 465px;
    margin-left: 28px;
}
.tota img{
    margin-left: 77px;
}